* {
  margin: 0;
  padding: 0;
  border: 0;
}
/* van-cell组件样式修改 */
.van-cell__value{
  color: #323232;
}
.van-cell__value span{
  color:#969799;
}
/* 上传图片组件的样式修改 */
.van-uploader__preview-image{
  border-radius: 3px !important;
}
.van-uploader__preview{
  margin-top: 10px;
}
html, body {
  width: 100%;
  height: 100%;
}

ol, ul, li, dl, dd, dt {
  list-style: none;
}

i {
  font-style: normal;
  display: block;
}

input, select, textarea {
  border-radius: 0;
  -webkit-appearance: none;
  outline: none;
  resize: none;
}

a {
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  -ms-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
}

img {
  height: auto;
  display: block;
  object-fit: cover;
}

/* 背景 */

.bg-cf {
  background: #fff;
}

.bg-cf2 {
  background: #f2f2f2;
}

.op-5 {
  opacity: 0.5;
}

/* 隐藏滑动条 */

::-webkit-scrollbar {
  display: none;
}

/* 修改音频组件 */

.audio-div {
  position: absolute;
  bottom: -22.5px;
  height: 45px !important;
}

.aplayer {
  margin: 0 10px !important;
  height: 45px !important;
}

.aplayer-pic {
  background-image: none !important;
  width: 26px !important;
  height: 26px !important;
  margin-left: 15px;
  margin-top: 10px;
}

.aplayer .aplayer-body .aplayer-info .aplayer-music {
  display: none;
}

.aplayer-controller .aplayer-time {
  width: 100px;
}

.aplayer-controller .aplayer-time .aplayer-icon.inactive {
  display: none;
}

.aplayer-ptime {
  display: block;
  position: absolute;
  right: 300px;
  top: 0px;
  color: #222 !important;
}

.aplayer-dtime {
  display: block;
  position: absolute;
  right: 48px;
  top: 0px;
  color: #222 !important;
}

.aplayer-time-inner {
  position: relative;
  left: 120px;
}

.aplayer-pic .aplayer-button {
  box-shadow: 0 0px 0px rgba(0, 0, 0, .2) !important;
  background: linear-gradient(90deg, rgba(254, 166, 29, 1) 0%, rgba(255, 205, 79, 1) 100%) !important;
}

.aplayer-pic .aplayer-pause {
  width: 26px !important;
  height: 26px !important;
  bottom: -2px !important;
  right: -2px !important;
}

.aplayer-bar-wrap {
  position: relative;
  left: 40px;
}

.aplayer-bar-wrap .aplayer-bar {
  background: #FFEFD1 !important;
  /* opacity: 0.3; */
}

.aplayer-pic .aplayer-pause .aplayer-icon-pause {
  width: 20px !important;
  height: 20px !important;
}

.aplayer-bar-wrap .aplayer-bar .aplayer-loaded {
  background: #FFEFD1 !important;
  opacity: 0.3;
}

.aplayer-bar-wrap .aplayer-bar .aplayer-played {
  background: #FFA905 !important;
  opacity: 1;
}

.aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb {
  width: 13px !important;
  height: 13px !important;
  background: rgba(255, 169, 5, 1) !important;
  box-shadow: 0px 0px 4px 0px rgba(255, 169, 5, 1) !important;
  border-radius: 50% !important;
  border-color: rgba(255, 169, 5, 1) !important;
  top: -2px !important;
  opacity: 1;
}

/* 修改音频组件 end*/

/* flex布局 */

.flex {
  display: flex;
}

.flex1 {
  flex: 1;
}

.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}

.flex-column {
  flex-direction: column;
}

.flex-jus {
  justify-content: space-between;
}

.flex-aro {
  justify-content: space-around;
}

.flex-center {
  justify-content: center;
}

.flex-start {
  justify-content: flex-start;
}

.flex-end {
  justify-content: flex-end;
}

.flex-align-start {
  align-items: flex-start;
}

.flex-align-end {
  align-items: flex-end;
}

.flex-align-center {
  align-items: center;
}

/* 字体相关样式 */

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

/* 字体超出省略号 */

.text-hide {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-hide2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/* 字体行高 */

.lh-14 {
  line-height: 14px;
}

.lh-15 {
  line-height: 15px;
}

.lh-16 {
  line-height: 16px;
}

.lh-17 {
  line-height: 17px;
}

.lh-18 {
  line-height: 18px;
}

.lh-19 {
  line-height: 19px;
}

.lh-20 {
  line-height: 20px;
}

.lh-21 {
  line-height: 21px;
}

.lh-22 {
  line-height: 22px;
}

.lh-23 {
  line-height: 23px;
}

.lh-24 {
  line-height: 24px;
}

.lh-25 {
  line-height: 25px;
}

.lh-26 {
  line-height: 26px;
}

.lh-28 {
  line-height: 28px;
}

.lh-30 {
  line-height: 30px;
}

.lh-32 {
  line-height: 32px;
}

.lh-35 {
  line-height: 35px;
}

.lh-39 {
  line-height: 39px;
}

.lh-45 {
  line-height: 45px;
}

.lh-70 {
  line-height: 70px;
}

/* 字体大小 */

.fz-9 {
  font-size: 9px;
}

.fz-10 {
  font-size: 10px;
}

.fz-11 {
  font-size: 11px;
}

.fz-12 {
  font-size: 12px;
}

.fz-13 {
  font-size: 13px;
}

.fz-14 {
  font-size: 14px !important;
}

.fz-15 {
  font-size: 15px;
}

.fz-16 {
  font-size: 16px;
}

.fz-17 {
  font-size: 17px;
}

.fz-18 {
  font-size: 18px;
}

.fz-19 {
  font-size: 19px;
}

.fz-20 {
  font-size: 20px;
}

.fz-24 {
  font-size: 24px;
}

.fz-28 {
  font-size: 28px;
}

.fz-32 {
  font-size: 32px;
}

.fz-34 {
  font-size: 34px;
}

.fz-50 {
  font-size: 50px;
}

/* 字体颜色 */

.c0 {
  color: #000;
}

.c2 {
  color: #222222 !important;
}

.c21 {
  color: #212121 !important;
}

.c3 {
  color: #333 !important;
}

.c32 {
  color: #323232 !important;
}

.c4 {
  color: #444 !important;
}

.c6 {
  color: #666 !important;
}

.c9 {
  color: #999 !important;
}

.ca {
  color: #aaa;
}

.cc {
  color: #ccc;
}

.cd {
  color: #ddd !important;
}

.cf {
  color: #fff;
}

.yell {
  color: #ffa905;
}

.org {
  color: #fb7a3f;
}

.text-price {
  color: #FEA61D !important;
}

.text-price2 {
  color: #FF7864 !important;
}

.text-primary {
  color: #0061F6;
}

.text-blue {
  color: #1B73E7;
}

/* 字体横线 */

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center;
}

.text-line {
  text-decoration: line-through;
}

.text-underline {
  text-decoration: underline;
}

.ver-middle {
  vertical-align: middle;
}

/* 外边距 */

.ml-4 {
  margin-left: 4px;
}

.ml-5 {
  margin-left: 5px;
}

.ml-7 {
  margin-left: 7px;
}

.ml-8 {
  margin-left: 8px;
}

.ml-10 {
  margin-left: 10px;
}

.ml-12 {
  margin-left: 12px;
}

.ml-15 {
  margin-left: 15px;
}

.ml-17 {
  margin-left: 17px;
}

.ml-20 {
  margin-left: 20px;
}

.ml-25 {
  margin-left: 20px;
}

.ml-35 {
  margin-left: 35px;
}

.ml-36 {
  margin-left: 36px;
}

.ml-38 {
  margin-left: 38px;
}

.ml-40 {
  margin-left: 40px;
}

.ml-46 {
  margin-left: 46px;
}

.ml-48 {
  margin-left: 48px;
}

.ml-50 {
  margin-left: 50px;
}

.ml-52 {
  margin-left: 52px;
}

.ml-54 {
  margin-left: 54px;
}

.ml-60 {
  margin-left: 60px;
}

.ml-61 {
  margin-left: 61px;
}

.ml-80 {
  margin-left: 80px;
}

.ml-105 {
  margin-left: 105px;
}

.mb-5 {
  margin-bottom: 5px;
}

.mb-8 {
  margin-bottom: 8px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-12 {
  margin-bottom: 12px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mb-100 {
  margin-bottom: 100px;
}

.mb-150 {
  margin-bottom: 150px;
}

.mt-4 {
  margin-top: 4px;
}

.mt-5 {
  margin-top: 5px;
}

.mt-6 {
  margin-top: 6px;
}

.mt-8 {
  margin-top: 8px;
}

.mt-9 {
  margin-top: 9px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-12 {
  margin-top: 12px;
}

.mt-13 {
  margin-top: 13px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-16 {
  margin-top: 16px;
}

.mt-18 {
  margin-top: 18px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-24 {
  margin-top: 24px;
}

.mt-25 {
  margin-top: 25px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-33 {
  margin-top: 33px;
}

.mt-38 {
  margin-top: 38px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-42 {
  margin-top: 42px;
}

.mt-45 {
  margin-top: 45px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-58 {
  margin-top: 58px;
}

.mt-62 {
  margin-top: 62px;
}

.mt-64 {
  margin-top: 64px;
}

.mt-70 {
  margin-top: 70px;
}

.mt-80 {
  margin-top: 80px;
}

.mt-82 {
  margin-top: 82px;
}

.mt-98 {
  margin-top: 98px;
}

.mt-100 {
  margin-top: 100px;
}

.mr-4 {
  margin-right: 4px;
}

.mr-5 {
  margin-right: 5px;
}

.mr-6 {
  margin-right: 6px;
}

.mr-8 {
  margin-right: 8px;
}

.mr-10 {
  margin-right: 10px;
}

.mr-20 {
  margin-right: 20px;
}

.mr-40 {
  margin-right: 40px;
}

.mr-60 {
  margin-right: 60px;
}

.mr-64 {
  margin-right: 64px;
}

/* 内边距 */

.bs {
  box-sizing: border-box;
}

.p-10 {
  padding: 10px;
}

.p-15 {
  padding: 15px;
}

.p-30 {
  padding: 30px;
}

.plr-5 {
  padding-left: 5px;
  padding-right: 5px;
}

.plr-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.plr-15 {
  padding-left: 15px;
  padding-right: 15px;
}

.plr-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.plr-27 {
  padding-left: 27px;
  padding-right: 27px;
}

.ptb-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.ptb-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.ptb-25 {
  padding-top: 25px;
  padding-bottom: 25px;
}

.pt-10 {
  padding-top: 10px;
}

.pt-15 {
  padding-top: 10px;
}

.pt-58 {
  padding-top: 58px;
}

.pt-75 {
  padding-top: 75px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-50 {
  padding-bottom: 50px;
}
.text-elis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}